/*个人中心首页*/
#top {
	width: 100%;
	height: 2rem;
	background: url(../images/uc/header_bg.png) center bottom no-repeat;
	background-size: cover;
}

#top h1 {
	width: 100%;
	height: .45rem;
	line-height: .45rem;
	color: #fff;
	font-size: .20rem;
	text-align: center;
	font-weight: normal;
}

#user_info {
	width: 100%;
	height: 1.35rem;
	margin-top: .2rem;
}

#user_img {
	width: .75rem;
	height: .75rem;
	border-radius: 50%;
	margin: 0 auto;
}

#user_img img {
	width: 100%;
	height: 100%;
}

#user_name {
	margin-top: .05rem;
	width: 100%;
	height: .45rem;
	line-height: .45rem;
	color: #fff;
	font-size: .20rem;
	text-align: center;
	font-weight: normal;
}

.section_con {
	margin-top: .10rem;
	background-color: #fff;
}

#pro_list {
	padding: 0 .10rem;
}

#pro_list ul li {
	width: 100%;
	height: .88rem;
	border-bottom: 1px solid #f1f1f1;
}

#pro_list ul li a {
	display: block;
	height: 100%;
}

#pro_list ul li a i {
	display: inline-block;
	margin-top: .12rem;
	font-style: normal;
	font-size: .20rem;
	color: #f24e40;
	height: .28rem;
	line-height: .28rem;
}

#pro_list ul li a p {
	font-size: .14rem;
	margin-top: .10rem;
}

#pro_list .pro_p1 {
	width: 22%;
	height: .88rem;
	text-align: center;
	float: left;
}

#pro_list .pro_p2 {
	width: 44%;
	height: .88rem;
	text-align: center;
	float: left;
}

#pro_list .pro_p3 {
	width: 30%;
	height: .88rem;
	text-align: center;
	float: left;
}

#pro_list .pro_p4 {
	width: 4%;
	height: .88rem;
	text-align: center;
	float: left;
	background: url(../images/uc/right_icon.png) center center no-repeat;
}

#pro_list .pro_p1 .icon1 {
	width: .28rem;
	height: .28rem;
	background: url(../images/uc/bhb_icon.png) no-repeat;
}

#pro_list .pro_p1 .icon2 {
	width: .28rem;
	height: .28rem;
	background: url(../images/uc/bhlc_icon.png) no-repeat;
}

#pro_list .pro_p1 .icon3 {
	width: .28rem;
	height: .28rem;
	background: url(../images/uc/tzxm_icon.png) no-repeat;
}

#func_list {
	margin-bottom: .10rem;
}

#func_list ul li {
	height: .58rem;
	border-bottom: 1px solid #f1f1f1;
	padding: 0 .10rem;
}

#func_list ul li a {
	display: block;
	height: 100%;
}

#func_list ul li a i {
	display: inline-block;
	margin-top: .14rem;
}

#func_list .func_p1 {
	width: 8.5%;
	height: .58rem;
	text-align: center;
	float: left;
}

#func_list .func_p2 {
	width: 87.5%;
	height: .58rem;
	line-height: .58rem;
	font-size: .14rem;
	text-align: left;
	text-indent: .05rem;
	float: left;
}

#func_list .func_p3 {
	width: 4%;
	height: .58rem;
	text-align: center;
	float: left;
	background: url(../images/uc/right_icon.png) center center no-repeat;
}

#func_list .func_p1 .icon1 {
	width: .30rem;
	height: .30rem;
	background: url(../images/uc/shjl_icon.png) no-repeat;
}

#func_list .func_p1 .icon2 {
	width: .30rem;
	height: .30rem;
	background: url(../images/uc/jkjl_icon.png) no-repeat;
}

#func_list .func_p1 .icon3 {
	width: .30rem;
	height: .30rem;
	background: url(../images/uc/bdjszh_icon.png) no-repeat;
}

#func_list .func_p1 .icon4 {
	width: .30rem;
	height: .30rem;
	background: url(../images/uc/gyjrcs_icon.png) no-repeat;
}


/*个人中心-百合理财-持有产品,订单查询*/

#cycp_menu {
	margin-top: .45rem;
	width: 100%;
	height: .60rem;
	background: #fff;
	border-top: 1px solid #ededef;
	border-bottom: 1px solid #ededef;
}

#cycp_menu ul li {
	float: left;
	width: 50%;
	height: .58rem;
	line-height: .58rem;
	text-align: center;
	color: #666;
}

#cycp_menu ul li.active {
	border-bottom: 2px solid #2177d5;
	color: #2177d5;
}

#cycp_list {
	margin-top: .10rem;
}

#cycp_list ul li {
	padding: 0 .15rem;
	margin-bottom: .10rem;
	background-color: #fff;
	color: #666;
	border-top: 1px solid #ededef;
	border-bottom: 1px solid #ededef;
	overflow: hidden;
}

#cycp_list ul li a{
	display: block;
}

#cycp_list ul li .pro_name {
	float: left;
	width: 100%;
	line-height: .20rem;
	padding: .20rem 0 .10rem;
	font-size: .14rem;
}

#cycp_list ul li .pro_date {
	float: left;
	width: 70%;
	height: .60rem;
}

#cycp_list ul li .pro_date p {
	padding-bottom: .05rem;
	font-size: .14rem;
}

#cycp_list ul li .pro_date p em{
	font-style: normal;
}

#cycp_list ul li .pro_yield {
	float: left;
	width: 30%;
	height: .60rem;
}

#cycp_list ul li .pro_yield p {
	padding-bottom: .05rem;
	font-size: .12rem;
	color: #999;
}

#cycp_list ul li .pro_yield p span.yield {
	font-size: .24rem;
	color: #f24e40;
}

#cycp_ord{
	margin-top: .10rem;
	display: none;
}

#cycp_ord .ord_search{
	width: 100%;
	height: .49rem;
	margin-bottom: .10rem;
	border-top: 1px solid #ededef;
	border-bottom: 1px solid #ededef;
	background: #FFFFFF;
	text-align: center;
}

#cycp_ord .ord_search a{
	display: block;
	width: 100%;
	height: .49rem;
	line-height: .49rem;
	color: #999999;
}

#cycp_ord .ord_search a i{
	width: .21rem;
	height: .21rem;
	margin-right: .15rem;
	background: url(../images/uc/search_icon.png) no-repeat;
}

#cycp_ord ul li{
	padding: 0 .15rem;
	margin-bottom: .10rem;
	background-color: #FFFFFF;
	color: #666666;
	border-top: 1px solid #ededef;
	border-bottom: 1px solid #ededef;
	overflow: hidden;
}

#cycp_ord ul li .ord_title{
	width: 100%;
	line-height: .20rem;
	padding: .20rem 0 .10rem;
	font-size: .14rem;
}

#cycp_ord ul li .ord_info{
	width: 100%;
	height: 1rem;
}

#cycp_ord ul li .ord_info p{
	padding-bottom: .05rem;
	font-size: .14rem;
}

#cycp_ord ul li .ord_info p em{
	font-style: normal;
}

#cycp_ord ul li .ord_info p.ord_state{
	padding-bottom: .20rem;
}

#cycp_ord ul li .ord_info p.ord_state span.dsh{
	color: #e6ae18;
}

#cycp_ord ul li .ord_info p.ord_state span.ysh{
	color: #2177D5;
}

#cycp_ord ul li .ord_info p.ord_state span.ybh{
	color: #F24E40;
}

#cycp_ord ul li .ord_oper{
	float: left;
	width: 30%;
	height: 1rem;
	text-align: center;
}

#cycp_ord ul li .ord_oper button{
	width: .90rem;
	height: .30rem;
	border-radius: 5px;
	background: #2177D5;
	border: none;
	color: #FFFFFF;
	margin-bottom: .15rem;
	font-size: .14rem;
}

#footer figure {
	display: block;
	width: 90%;
	margin: .30rem auto 1rem auto;
	height: .45rem;
	border-radius: 8px;
	text-align: center;
	font-size: .18rem;
	border: none;
	color: #999;
	padding-top: .1rem;
}

#footer figure img {
	display: inline-block;
	vertical-align: middle;
}

#footer figure figcaption {
	display: inline-block;
	font-size: .14rem;
	margin-left: .05rem;
}

/*个人中心-修改金额弹出层*/
.mask{
	position: fixed;
	left: 0;
	top: 0;
	width:100%; 
	height:100%; 
	background:#000; 
	filter:alpha(opacity=50); 
	opacity:0.5;
	z-index: 999;
	display: none;
}

.money_popup{
	position: fixed;
	top: 2rem;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 3.3rem;
	height: 2rem;
	background: #FFFFFF;
	border-radius: 8px;
	z-index: 1000;
	display: none;
}

.money_popup .title{
	width: 100%;
	height: .30rem;
	line-height: .30rem;
	text-align: center;
	color: #000000;
	font-size: .18rem;
	font-weight: bold;
	padding: .2rem 0;
}

.money_popup .money{
	width: 100%;
	height: .32rem;
	line-height: .32rem;
	text-align: center;
	padding-bottom: .2rem;
}

.money_popup .money button{
	width: 18%;
	height: .30rem;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
}

.money_popup .money input{
	width: 50%;
	height: .30rem;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	margin: 0 5px;
	text-align: center;
	font-size: .16rem;
	color: #F24E40;
}

.money_popup .oper{
	width: 100%;
	height: .32rem;
	line-height: .32rem;
	text-align: center;
}

.money_popup .oper button.cancel{
	width: 30%;
	height: .30rem;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	margin-right: .3rem;
}

.money_popup .oper button.confirm{
	width: 30%;
	height: .30rem;
	color: #FFFFFF;
	background: #FF6600;
	border: 1px solid #FF6600;
	border-radius: 5px;
}

/*个人中心-百合理财-持有产品详情*/
#pro_info{
	margin-top: .45rem;
	background: #FFF;
	padding: 0 .15rem;
	color: #666;
}

#pro_info .pro_title{
	padding: .20rem 0 .10rem;
	line-height: .20rem;
	font-size: .14rem;
}

#pro_info .pro_count{
	padding-bottom: .20rem;
	font-size: .14rem;
}

#pro_info .pro_count em{
	font-style: normal;
}

#pro_detail{
	margin-top: .10rem;
}

#pro_detail ul{
	padding: 0 .15rem;
	background: #fff;
}

#pro_detail ul li{
	background: #fff;
	color: #999;
	border-bottom: 1px solid #f1f1f1;
	line-height: .58rem;
	font-size: .14rem;
}

#pro_detail ul li:last-child{
	border: none;
}

#pro_detail ul li time{
	display: block;
	float: right;
	color: #666;
}

#pro_detail ul li em{
	display: block;
	float: right;
	font-style: normal;
	color: #F24E40;
}

/*个人中心-百合理财-订单搜索*/
#search_menu{
	margin-top: .55rem;		
}

#search_menu ul{
	padding: 0 .15rem;
	background: #fff;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

#search_menu ul li{
	width: 100%;
	height: .60rem;
	line-height: .60rem;
	border-bottom: 1px solid #f1f1f1;
	font-size: .14rem;
}

#search_menu ul li:last-child{
	border: none;
}

#search_menu ul li div{
	float: left;
}

#search_menu ul li div.p1{
	width: 20%;
	color: #666;
}

#search_menu ul li div.p2{
	width: 76%;
	color: #d8d8d8;
}

#search_menu ul li div.p2 input{
	width: 100%;
	height: .60rem;
	line-height: .60rem;	border: none;
	font-size: .14rem;
	font-family: "microsoft yahei";
	text-indent: .10rem;
	color: #666;
}

#search_menu ul li div.p3{
	width: 4%;
	height: .60rem;
	background: url(../images/uc/right_icon.png) center center no-repeat;
}

#search_menu .confirm{
	margin-top: .40rem;
	padding:0 .15rem;
	height: .45rem;
	line-height: .45rem;
	text-align: center;
}

#search_menu .confirm button{
	width: 80%;
	height: .45rem;
	background: #2177D5;
	color: #fff;
	border: none;
	border-radius: 5px;
	font-size: .16rem;
}

/*个人中心-百合理财-订单详情*/
#ord_info{
	margin-top: .45rem;
	background: #FFF;
	padding: 0 .15rem;
	color: #666;
	overflow: hidden;
	position: relative;
}

#ord_info .ord_title{
	float: left;
	padding: .20rem 0 .10rem;
	line-height: .20rem;
	font-size: .14rem;
}

#ord_info .ord_count{
	float: left;
	width: 100%;
	padding-bottom: .20rem;
	font-size: .14rem;
}

#ord_info .ord_count p{
	padding-bottom: 5px;
	color: #999;
}

#ord_info .ord_count p em{
	font-style: normal;
	color: #666;
}

#ord_info .ord_count p em.gl{
	color: #F24E40;
}


#ord_info .ord_count p em.dsh{
	color: #e6ae18;
}

#ord_info .ord_count p em.ysh{
	color: #2177D5;
}

#ord_info .ord_count p em.bh{
	color: #F24E40;
}

#ord_detail{
	margin-top: .10rem;
	margin-bottom: .60rem;
}

#ord_detail ul{
	padding: 0 .15rem;
	background: #fff;
}

#ord_detail ul li{
	background: #fff;
	color: #999;
	border-bottom: 1px solid #f1f1f1;
	line-height: .58rem;
	font-size: .14rem;
}

#ord_detail ul li:last-child{
	border: none;
}

#ord_detail ul li time{
	display: block;
	float: right;
	color: #666;
}

#ord_detail ul li em{
	display: block;
	float: right;
	font-style: normal;
	color: #F24E40;
}

section.ord_oper{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: .60rem;
	line-height: .60rem;
	text-align: center;
	background: #f5f5f9;
}

section.ord_oper .wrap{
	padding: 0 .15rem;
}

section.ord_oper button{
	width: 48%;
	height: .45rem;
	border-radius: 5px;
	font-size: .14rem;
	border: 1px solid #2177D5;
	margin-top: 7px;
}

section.ord_oper button:first-child{
	background-color: #2177D5;
	color: #fff;
	float: left;
}

section.ord_oper button:last-child{
	background-color: #fff;
	color: #2177D5;
	float: right;
}

section.ord_oper button:only-child{
	background-color: #2177D5;
	color: #fff;
	width: 80%;
	float: none;
}


/*个人中心-审核记录*/
#shjl_menu {
	margin-top: .45rem;
	width: 100%;
	height: .60rem;
	background: #fff;
	border-top: 1px solid #ededef;
	border-bottom: 1px solid #ededef;
}

#shjl_menu ul li {
	float: left;
	width: 33.3333%;
	height: .58rem;
	line-height: .58rem;
	text-align: center;
	color: #666;
}

#shjl_menu ul li.active {
	border-bottom: 2px solid #2177d5;
	color: #2177d5;
}

#shjl_list{
	margin-top: .10rem;
}

#shjl_list ul.bhlc{
	display: none;
}

#shjl_list ul.ered{
	display: none;
}

#shjl_list ul li{
	padding: 0 .15rem;
	margin-bottom: .10rem;
	background-color: #fff;
	color: #666;
	border-top: 1px solid #ededef;
	border-bottom: 1px solid #ededef;
	overflow: hidden;
	font-size: .14rem;
}

#shjl_list ul li em{
	font-style: normal;
}

#shjl_list .review_left{
	float: left;
	width: 70%;;
	padding: .15rem 0;
}

#shjl_list .review_left p{
	padding-bottom: .05rem;
}

#shjl_list .review_left p em.title{
	font-size: .16rem;
	color: #333;
	display: block;
	width: 95%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#shjl_list .review_left p em.yield{
	color: #2177D5;
}

#shjl_list .review_right{
	float: left;
	width: 30%;;
}

#shjl_list .review_right p{
	text-align: center;
}

#shjl_list .review_right p.state_dsh{
	background-color: #c1c1c1;
	height: .28rem;
	line-height: .28rem;
	color: #fff;
	border-radius: 3px;
	margin: .20rem 0 .10rem;
}

#shjl_list .review_right p.state_ysh{
	background-color: #2177D5;
	height: .28rem;
	line-height: .28rem;
	color: #fff;
	border-radius: 3px;
	margin: .20rem 0 .10rem;
}

#shjl_list .review_right p.state_ybh{
	background-color: #F24E40;
	height: .28rem;
	line-height: .28rem;
	color: #fff;
	border-radius: 3px;
	margin: .20rem 0 .10rem;
}

#shjl_list .review_right p.money{
	font-size: .24rem;
	color: #F24E40;
}

/*个人中心-投资理财审核、审核详情、驳回*/
#shjl_detail{
	margin-top:.45rem;
	margin-bottom: .60rem;
}

#shjl_detail .review_title{
	height: .54rem;
	line-height: .54rem;
	padding: 0 .15rem;
	border-bottom: 1px solid #ededef;
	background-color: #ecf5ff;
}

#shjl_detail .review_title em.title{
	float: left;
	font-style: normal;
	width: 70%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#shjl_detail .review_title em.money{
	float:right;
	font-style: normal;
	color: #F24E40;
	font-size: .20rem;
	margin-right: .10rem;
}

#shjl_detail .review_info{
	padding: 0 .15rem;
	background-color: #fff;
	border-bottom: 1px solid #ededef;
}

#shjl_detail .review_info .ord_info{
	padding: .15rem 0 .05rem;
}

#shjl_detail .review_info .ord_info p{
	padding-bottom:.10rem;
	font-size: .14rem;
	color: #666;
}

#shjl_detail .review_info .ord_info p.yield{
	color: #2177D5;
}

#shjl_detail .review_info .rev_info{
	padding: .15rem 0 .05rem;
	border-top: 1px solid #ededef;
}

#shjl_detail .review_info .rev_info p{
	padding-bottom:.10rem;
	font-size: .14rem;
	color: #666;
}

#shjl_detail .review_info .rev_info p em.ysh{
	font-style: normal;
	color: #2177D5;
}

#shjl_detail .review_info .rev_info p em.bh{
	font-style: normal;
	color: #F24E40;
}

#shjl_detail .review_info .pro_info{
	padding-top: .15rem;
	border-top: 1px solid #ededef;
	font-size: .14rem;
	overflow: hidden;
}

#shjl_detail .review_info .pro_info .pro_name{
	float: left;
	width: 100%;
	line-height: .20rem;
	padding-bottom: .10rem;
	color: #333;
}

#shjl_detail .review_info .pro_info .pro_type{
	float: left;
	width: 100%;
	padding-bottom: .10rem;
	color: #2177D5;
}

#shjl_detail .review_info .pro_info .pro_infos{
	float: left;
	width: 65%;
}

#shjl_detail .review_info .pro_info .pro_infos p{
	padding-bottom: .10rem;
	color: #666;
}

#shjl_detail .review_info .pro_info .pro_yield{
	float: left;
	width: 35%;
}

#shjl_detail .review_info .pro_info .pro_yield p{
	color: #666;
	text-align: center;
}

#shjl_detail .review_info .pro_info .pro_yield p.yield{
	font-size: .26rem;
	color: #F24E40;
	padding: .20rem 0 .05rem;
}

#shjl_detail .pro_details{
	margin-top: .10rem;
	border-top: 1px solid #ededef;
}

#shjl_detail .pro_details ul{
	padding:0 .15rem;
	background-color: #fff;
}

#shjl_detail .pro_details ul li{
	line-height: .58rem;
	color: #999;
	font-size: .14rem;
	border-bottom: 1px solid #ededef;
}

#shjl_detail .pro_details ul li time{
	display: block;
	float: right;
	color: #666;
}

#shjl_detail .pro_details ul li em{
	display: block;
	float: right;
	color: #F24E40;
	font-style: normal;
}

#shjl_detail .pro_details ul li p{
	color: #666;
	line-height: 2;
	text-indent: 2em;
}

#shjl_detail .reject_info{
	margin-top: .10rem;
	padding: 0 .15rem .20rem;
	background-color: #fff;
	border-top: 1px solid #ededef;
	border-bottom: 1px solid #ededef;
}

#shjl_detail .reject_info p{
	text-align: center;
	padding: .20rem 0 .10rem;
	color: #666;
}

#shjl_detail .reject_info textarea{
	padding:0 .10rem;
	width:90%;
	height: .30rem;
	line-height: .30rem;
	display: block;
	margin: 0 auto;
	border: none;
	border-bottom: 1px solid #d6d6d6;
	color: #999;
}

#shjl_detail .confirm{
	margin-top: .40rem;
	padding:0 .15rem;
	height: .45rem;
	line-height: .45rem;
	text-align: center;
}

#shjl_detail .confirm button{
	width: 80%;
	height: .45rem;
	background: #2177D5;
	color: #fff;
	border: none;
	border-radius: 5px;
	font-size: .16rem;
}

#shjl_detail .table{
	display: block;
	padding: 0 .15rem;
	background: #FFF;
	margin-top: .1rem;
	margin-bottom: .1rem;
}
#shjl_detail .table li{
	padding: .1rem 0;
	text-align: left;
	line-height: .3rem;
	border-bottom:1px solid #E5E5E5; 
	color: #666;
	font-size: .14rem;
}
#shjl_detail .table li span.text_blue{
	color: #2279d5;
}
#shjl_detail .table li input{
	width: 1rem;
	height: .3rem;
	line-height: .3rem;
	border: none;
}
#shjl_detail .table li a.yzm{
	float: right;
	padding: 0 .1rem;
	height: .3rem;
	line-height: .3rem;
	background-color: #2279d5;
	color: #fff;
	border-radius: 5px;
}
#shjl_detail .table .password_li {
    height: 1rem;
}
#shjl_detail .table li:last-child{
	border: none;
}
#shjl_detail .table h3{
	font-size: .18rem;
	line-height: .45rem;
	color: #666;
	text-align: center;
	font-weight: normal;
}
#shjl_detail .table .password{
	width:60%;
	height: .35rem;
	margin: 0 auto;
}
#shjl_detail .table .password .pass{
	display: block;
	float: left;
	width: 15%;
	border:1px solid #d6d6d6;
	border-left:none; 
	height: .30rem; 
	text-align: center;
}

.review_popup{
	position: fixed;
	top: 2rem;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 3.3rem;
	height: 1.8rem;
	background: #FFFFFF;
	border-radius: 8px;
	z-index: 1000;
	display: none;
}

.review_popup .title{
	width: 100%;
	height: .25rem;
	display: inline-block;
}

.review_popup .content{
	text-align: center;
}

.review_popup .content p{
	padding-top: .15rem;
}

.alert_popup{
	position: fixed;
	top: 2.25rem;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 3.3rem;
	height: 1.05rem;
	padding-top: .45rem;
	background-color: #fff;
	border-radius: 8px;
	z-index: 1000;
	text-align: center;
	display: none;
}

.alert_popup .oper{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: .45rem;
	border-top: 1px solid #ededef;
}

.alert_popup .oper button{
	width: 50%;
	height: .45rem;
	border: none;
	border-radius: 8px;
	color: #2177D5;
	font-size: .18rem;
	background-color: #fff;
	float: left;
	font-family: "microsoft yahei";
}

.alert_popup .oper button:first-child{
	border-right: 1px solid #ededef;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.msg_popup{
	position: fixed;
	top: 2.25rem;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 3.3rem;
	background-color: #fff;
	border-radius: 8px;
	z-index: 1000;
	text-align: center;
	padding-top:.30rem;
	display: none;
}

.msg_popup p{
	padding-bottom:.75rem;
	width:80%;
	margin:0 auto;
	line-height:.20rem;
}

.msg_popup .oper{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: .45rem;
}

.msg_popup .oper button{
	width: 100%;
	height: .45rem;
	border: none;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: #2177D5;
	color:#fff;
	font-size: .18rem;
	font-family: "microsoft yahei";
}

/*签约管理*/
#section .sign_tr{
	display: block;
	text-align: left;
	padding: .1rem;
	border-bottom:1px solid #CCC; 
	overflow: hidden;
}
#section .sign_tr label{
	display: inline-block;
	width: 30%;
	line-height: .40rem;
	font-size: .14rem;
	color: #999;
	vertical-align: top;
}
#section .sign_tr input{
	float: right;
	height: .38rem ;
	width: 60%;
	padding: 0 .05rem ;
	font-size: .14rem;
	text-align: right;
	color: #666;
	border: none;
	display: inline-block;	
}
#section .sign_tr select{
	height: .38rem ;
	width: 50%;
	padding: 0 .05rem ;
	font-size: .14rem;
	color: #666;
	border: none;
	display: inline-block;	
}
#section .sign_tr i{
	display: inline-block;
	float: right;
	line-height: .40rem;	
	font-size: .14rem;
	font-style: normal;
	color: #999;
}
#section .sign_tr span{
	float: right;
	font-size: .14rem;
	color: #666;
	line-height: .40rem;
	text-align: right;
	width: 58%;	
	padding: 0 .05rem ;
	display: inline-block;	
}


/*数据加载*/
.mask2{
	position: fixed;
	left: 0;
	top: 0;
	width:100%; 
	height:100%; 
	background:#fff; 
	filter:alpha(opacity=50); 
	opacity:0.5;
	z-index: 999;
	display: block;
}

.spinner {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 1.8rem;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 1000;
}
 
.container1 > div, .container2 > div, .container3 > div {
  width: 10px;
  height: 10px;
  background-color: #2177d5;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
 
.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
 
.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
 
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
 
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
 
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
 
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
 
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/*媒体查询,大于480px,小于640px*/
@media (min-width: 480px) and (max-width: 640px) {
	#nav .link li em, #section .table time ,#section .table li, #section .bhlc_article_li em{
		font-size: .16rem;
	}
	#section .article h2, #section .button a {
		font-size: .18rem;
	}
	#section .article strong, #section .bhlc_article h2, #section .top h2{
		font-size: .20rem;
	}
	#section .article strong small, #section .article_li span, #section .sign_tr label, #section .examine_left li{
		font-size: .14rem;
	}
}
/*媒体查询,小于480px*/
@media (max-width: 480px) {
	#nav .link li em, #section .table time ,#section .table li, #section .bhlc_article_li em{
		font-size: .14rem;
	}
	#section .article h2, #section .button a, #nav .link li strong {
		font-size: .16rem;
	}
	#section .article strong,  #section .bhlc_article h2, #section .top h2{
		font-size: .18rem;
	}
	#section .article strong small, #section .article_li span, #section .sign_tr label, #section .sign_tr input, #section .sign_tr span,#section .examine_left li{
		font-size: .12rem;
	}	
}